.base {
  .store-list, .public-list {
    .container-header .store-list-search {
      .ivu-col {
        margin-left: @space;
      }
      .ivu-form-item-label {
        width: 120px;
      }
    }
  }
  .storesign-edit, .store-edit, .storecheck-edit  {
    .container-body .container-title {
      margin: 0 0 @space;
    }
  } 
} 
.storesign-list, .store-list, .storecheck-list, .public-list {
  .container-header {
    &.head-form {
      height: unset;
    }
  }
}

.storesign-edit, .store-edit, .storecheck-edit, .public-edit{
  position: relative;
  .container-content {
    overflow: hidden;
    .tab-content {
      height: e('calc(100% - 70px)');
      overflow-y: scroll;
    }
  }
  .container-title {
    padding: 10px 20px;
    margin: 10px 0 20px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
  }
  .ivu-tabs {
    height: unset;
    flex: 0 40px 0;
  }
  .ivu-tabs-tabpane {
    height: 0;
  }
  .footer-btns {
    padding: @space;
  }

  .address-map {
    position: relative;
    overflow: hidden;
    img {
      max-width: unset;
    }
    .mapWrap {
      width: 100%;
      height: 500px;
      overflow: hidden;
      position: relative;
      z-index: 0;
      text-align: left;
      background-color: rgb(243, 241, 236);
      color: rgb(0, 0, 0);
      .amap-icon {
        img {
          width: 32px;
        }
      }
    }
    .clickAddr {
      padding: @space;
      .flexLeft();
      align-items: center;
    }
    .storeAddrList {
      margin-top: @space/2;
      >li {
        .flexLeft();
        text-align: center;
        border-top: 1px solid @grayFont;
        &.title {
          font-size: @xx-big;
          background: @green;
        }
        span {
          flex: 1;
          padding: @space/2;
          height: 28px;
          border-left: 1px solid @grayFont;
        }
        span:first-child {
          flex: 0 0 120px;
        }
      }
      >li:last-child {
        border-bottom: 1px solid @grayFont;
      }
    }
    .near-store-text {
      margin-top: @size / 5;
      font-weight: bold;
    }
    .near-store {
      margin-right: @size / 5;
      height: @size * 4;
      overflow-y: auto;
      li {
        .flexBetween();
        height: @space * 3;
        >span{
          width: @space * 13;
        }
        >p{
          flex: 1;
          .e(1);
        }
      }
    }
  }
  .store-info-item {
    .ivu-form-item-content {
      flex: 1;
    }
  }
  .searchAddress {
    padding: @space;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 100;
    .ivu-input {
      width: 100px;
    }
  }
  #myPageTop {
    position: absolute;
    top: 5px;
    right: 10px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    margin: 0;
    padding: 2px 6px;
    font-family: "Microsoft Yahei", "Pinghei";
    font-size: 14px;
  }
  #myPageTop label {
    margin: 0 20px 0 0;
    font-size: 12px;
    color: #666666;
    font-weight: normal;
  }
  #myPageTop input {
    width: 170px;
  }
  #myPageTop .column2{
    padding-left: 25px;
  }
  .store-pictures, .idcard-pictures {
    .picList {
      >div {
        h3 {
          text-align: center;
          width: @size*2;
        }
      }
      &.cardPic {
        .flexLeft();
      }
      .imgwrap {
        .flexLeft();
        img {
          cursor: pointer;
        }
      }
      .orgPic {
        width: 220px;
        // height: 220px;
        img {
          width: @size*2;
          // height: @size*2;
        }
      }
      .upload-list {
        width: 220px;
        margin-right: @space;
        .item {
          width: @size*2;
          height: @size*2;
        }
      }
    }
  }
  .storesign-progress {
    height: 100%;
    background: @white;
    .progress-list {
      .flexLeft();
      .pro-item {
        padding: @space;
        text-align: center;
        .time {
          margin-top: @space/2;
        }
      }
    }
  }
}

.public-setting-list-modal {
  >div {
    .flexLeft();
    padding: @space;
    >div {
      flex: 1;
      margin-right: @space;
    }
    >div:nth-child(4){
      flex: 2;
      margin-right: @space;
    }
    .store {
      flex: 0 0 80px;
    }
  }
}

.storebase-info {
  .form-wrap {
    height: 100%;
    overflow-y: scroll;
    padding: @space*2 @space;
  }
  #storePlaceMap {
    width: 500px;
    height: 400px;
  }
  .w200 {
    width: 200px;
    height: 200px;
  }
}
.ower-change-modal {
  min-height: 300px;
  height: 100%;
  .search {
    .flexLeft();
    padding-left: @space*2;
    margin-bottom: @space;
    .pager {
      flex: 1;
    }
    >div {
      flex: 0 0 300px;
      margin-right: @space*2;
      .flexLeft();
      .name {
        flex: 0 0 80px;
      }
    }
    &.storeWrap {
      height: 80%;
    }
    .storeList {
      flex: 1;
      margin-right: @space*3;
      height: 100%;
      min-height: 400px;
      .border();
      border-radius: 4px;
      padding: @space;
      text-align: center;
      overflow-y: scroll;
      li {
        .flexBetween();
        padding: @space 0;
        h3 {
          margin-left: @space*6;
        }
        span {
          flex: 1;
        }
        span:nth-child(1) {
          flex:  0 0 30px;
        }
      }
      li:nth-child(2) ~li:hover {
        cursor: pointer;
        background-color: @blue-light;
      }
    }
  }
}